<template>
    <div class="home">
        <img class="FSCINDA-logo" v-if="docking == 'FSCINDA'" src="../../../static/logo/project/fscinda/logo0-1.png" alt="" />
        <img class="FSCINDA-logo" v-else-if="docking == 'CIBFUND'" src="../../../static/logo/project/cibfund/cib-logo0-2.png" alt="" />
        <img class="MAXWEALTH-logo" v-else src="@/assets/images/common/index.png" alt="" />
    </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import { getConfigItem } from '@/utils/tools';

@Component({
    name: 'Home',
})
export default class Home extends Vue {
    docking: string = '';
    created() {
        // 获取当前环境
        this.docking = getConfigItem('WEB_DOCKING');
    }
}
</script>

<style lang="scss" scoped>
.home {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #fff;

    // .MAXWEALTH-logo {
    //     width: 100%;
    // }
    .FSCINDA-logo {
        width: 80%;
    }
}
</style>
